// 头
#header{
    height: 35px;
    background-color: #F5F5F5;
    .header_heart{
        display: flex;
        justify-content: space-between;
        background-color: #F5F5F5;
        .header_left{
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 12px;
            height: 35px;
            position: relative;
            .header_span{
                width: 55px;
                padding: 0 10px;
                height: 100%;
                background-color: #F5F5F5;
                line-height: 35px;
                .box{
                    z-index: 99;
                    display: none;
                    position: absolute;
                    top:35px;
                    background-color: white;
                    border: 1px solid #F5F5F5;
                    justify-content: space-between;
                    .box_wen{
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: space-between;
                        align-content: flex-start;
                        border-right: 1px solid #F5F5F5;
                        width: 24%;
                        // background-color: red;
                        p{
                            margin-left:20px;
                            width: 100%;
                            font-weight: 900;
                            font-size: 14px;
                        }
                        li{
                            margin-left:20px;
                            margin-right:25px;
                        }
                    }
                }
                .box1{
                    left: 0;
                    width: 800px;
                    height: 300px;
                }
                .box2{
                    display: none;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    align-content: flex-start;

                    left: 75px;
                    width: 148px;
                    height: 150px;
                    background-color: white;
                    li{
                        margin-left:10px;
                        margin-right:15px;
                    }
                }
                
            }
            .di{
                margin-left: 10px;
            }
            p a:hover{
                color: orange;
            }
            
        }
        .header_right{
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 12px;
            height: 35px;
            width: 650px;
            padding: 0 10px;
            position: relative;
            
            .off{
                display: none;
                color: red;
            }
            .on{
                display: none;
                color: red;
                position: relative;
                width: 80px;
                height: 100%;
                text-align: center;
                line-height: 35px;
            }
            .on_box{
                position: absolute;
                top: 35px;
                z-index: 2;
                display: none;
                flex-direction: column;
                align-items: center;
                justify-content: space-around;
                width: 78px;
                height: 60px;
                background-color: white;
                border: 1px solid #F5F5F5;
            }
            .active{
                display: block;
            }

        }
    }
}

.header_p:hover,.box li a:hover,.header_right p a:hover{
    color: orange;
}

